<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        /* 
          作用域：产生作用的区域。
          作用： 变量命名冲突
          js的作用域：
           全局作用域：在整个script 标签内部可用。
           局部作用域：在函数内部
          变量的作用域：
            全局变量：在全局作用域下，声明的变量。
            局部变量：在函数内部声明的变量，在函数内部可用
          局部作用域可以使用全局变量，函数外部不能使用函数内部声明的变量。
          形参只能声明未赋值的局部变量
          函数内部，未声明，直接赋值的变量，是全局变量，不推荐，jsbug
        */
       let car = '宝马';
       function play(ball){
        let ball;
        ball = '篮球';
        phone = '小米';
        let money =100;
        console.log(car);
        console.log(ball);
       }
       play('篮球');

    console.log(phone);
    console.log(money);
    console.log(ball);
    </script>
</body>
</html>